<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"/>
    <title>个人信息 - Thor后台管理系统</title>
    <link rel="icon" href="/static/favicon.ico" type="image/ico">
    <link rel="stylesheet" type="text/css" href="/static/layui/css/layui.css" media="all">
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">
    <link href="/static/css/materialdesignicons.min.css" rel="stylesheet">
    <link href="/static/css/style.min.css" rel="stylesheet">
    <script src="/static/layui/layui.js" type="text/javascript"></script>
    <script src="/static/js/jquery-3.4.1.min.js" type="text/javascript"></script>
    <script src="/static/js/user-info.js" type="text/javascript"></script>
    <style>
        #LAY_user_info{
            width:270px;
            margin-left: 50px;
        }
        #LAY_user_info li{
            font-size: 14px;
            font-family: fantasy;
        }
    </style>
</head>
<body>
<div style="padding: 20px; background-color: #F2F2F2;">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header" style="background-color: #F0F3F4;border:1px solid #b7b7b722;">个人资料</div>
                <div class="layui-card-body">
                    <div class="layui-upload" style="margin-left: 100px;">
                        <br>
                        <div class="layui-upload-list">
                            <img class="layui-upload-img" id="demo1" th:src="@{http://{userImg}(userImg=${session.LoginUser.userImg})}" style="width: 100px;height: 100px;border-radius: 50%;">
                            <p id="demoText"></p>
                        </div>
                        <button type="button" class="layui-btn layui-btn-xs layui-btn-radius layui-btn-danger" id="test1" style="margin-left: 20px;">修改头像</button>
                    </div>
                    <ul id="LAY_user_info">
                        <li><i class="mdi mdi-account"></i>登录名称：&nbsp;<span th:text="${session.LoginUser.userName}"></span></li>
                        <li><i class="mdi mdi-cellphone"></i>手机号码：&nbsp;<span th:text="${session.LoginUser.userPhone}"></span></li>
                        <li><i class="mdi mdi-email"></i>邮箱地址：&nbsp;<span th:text="${session.LoginUser.userEmail}"></span></li>
                        <li><i class="mdi mdi-pen"></i>个性签名：&nbsp;<span th:text="${session.LoginUser.userNote}"></span></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="layui-col-md8">
            <div class="layui-card">
                <div class="layui-card-header" style="background-color: #F0F3F4;border:1px solid #b7b7b722;">基本资料</div>
                <div class="layui-card-body">
                    <form class="layui-form layui-form-pane" action="">
                        <div class="layui-form-item">
                            <label class="layui-form-label">用户名称</label>
                            <div class="layui-input-block">
                                <input type="text" name="nickName" th:value="${session.LoginUser.nickName}" autocomplete="off" placeholder="这是昵称~" class="layui-input">
                                <input type="text" hidden="hidden" th:value="${session.LoginUser.id}" id="userId" name="id">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">手机号</label>
                            <div class="layui-input-block">
                                <input type="text" name="userPhone" th:value="${session.LoginUser.userPhone}" autocomplete="off" placeholder="手机号码~" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">邮箱</label>
                            <div class="layui-input-block">
                                <input type="text" name="userEmail" th:value="${session.LoginUser.userEmail}" autocomplete="off" placeholder="请输入邮箱" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">性别</label>
                            <div class="layui-input-block">
                                <input type="radio" name="userSex" value="男" title="男" th:checked="${session.LoginUser.userSex == '男'}">
                                <input type="radio" name="userSex" value="女" title="女" th:checked="${session.LoginUser.userSex == '女'}">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <label class="layui-form-label">个性签名</label>
                            <div class="layui-input-block">
                                <input type="text" name="userNote" th:value="${session.LoginUser.userNote}" autocomplete="off" placeholder="你的个性签名~" class="layui-input">
                            </div>
                        </div>
                        <div class="layui-form-item">
                            <div class="layui-input-block">
                                <button class="layui-btn layui-btn-radius" lay-submit="" lay-filter="LAY_btn_save">保存</button>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
</html>